




    if(!/^http(s*):\/\//.test(location.href)){
        alert('请部署到localhost上查看该演示');
    }

    layui.use('layim', function(layim){


        var autoReplay = [
            '您好，我现在有事不在，一会再和您联系。',
            '你没发错吧？face[微笑] ',
            '洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ',
            '你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ',
            'face[威武] face[威武] face[威武] face[威武] ',
            '<（@￣︶￣@）>',
            '你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。',
            'face[黑线]  你慢慢说，别急……',
            '(*^__^*) face[嘻嘻] ，是贤心吗？'
        ];

        //基础配置
        layim.config({

            //初始化接口
            init: {
                url: '/chatController/findChatInfo'  //假数据
                ,data: {}
            }
            ,min: true

            //简约模式（不显示主面板）
            //,brief: true

            //查看群员接口
            ,members: {
                url: '/chatController/getMembers'
                ,data: {}
            }

            ,uploadImage: {
                url:  '/upload/file' //（返回的数据格式见下文）
                ,type: '' //默认post
            }

            ,uploadFile: {
                url: '' //（返回的数据格式见下文）
                ,type: '' //默认post
            }

            , isAudio: true //开启聊天工具栏音频
            , isVideo: true //开启聊天工具栏视频

            //扩展工具栏
            , tool: [{
                alias: 'code'
                , title: '代码'
                , icon: '&#xe64e;'
            }]

            //,brief: true //是否简约模式（若开启则不显示主面板）

            /* , title: xxx*/ //自定义主面板最小化时的标题
            //,right: '100px' //主面板相对浏览器右侧距离
            //,minRight: '90px' //聊天面板最小化时相对浏览器右侧距离
            , initSkin: '5.jpg' //1-5 设置初始背景
            //,skin: ['aaa.jpg'] //新增皮肤
            // ,isfriend: false //是否开启好友
            //,isgroup: false //是否开启群组
            //,min: true //是否始终最小化主面板，默认false
            , notice: true //是否开启桌面消息提醒，默认false
            //,voice: false //声音提醒，默认开启，声音文件为：default.mp3
            /*, msgbox: layui.cache.dir + 'css/modules/layim/html/msgbox.html' //消息盒子页面地址，若不开启，剔除该项即可
            , find: layui.cache.dir + 'css/modules/layim/html/find.html' //发现页面地址，若不开启，剔除该项即可
            , chatLog: "/msg/showHistoryMsg" //聊天记录页面地址，若不开启，剔除该项即可*/

            //,skin: ['aaa.jpg'] //新增皮肤
            //,isfriend: false //是否开启好友
            //,isgroup: false //是否开启群组
            //,min: true //是否始终最小化主面板（默认false）
            /*  ,chatLog: '../layim/demo/chatlog.html' //聊天记录地址
              ,find: '../layim/demo/find.html'*/
            ,copyright: true //是否授权
        });

        var socket = null;
        //连接websocket的ip地址
        var ip = 'localhost:8080';//比如localhost
        //动态修改查
        var im = {
            init: function () {
                if ('WebSocket' in window) {
                    //var socketUrl = 'ws://localhost:80/myHandler?myid=' +${currentUserId};
                    var socketUrl = 'ws://'+ip+'/myHandler?myid=1457194479344693248';
                    socket = new WebSocket(socketUrl);
                    im.startListener();
                } else {
                    alert('当前浏览器不支持WebSocket功能，请更换浏览器访问。');
                }
            },
            startListener: function () {
                if (socket) {
                    // 连接发生错误的回调方法
                    socket.onerror = function () {
                        console.log("通讯连接失败!");
                    };
                    // 连接成功建立的回调方法
                    socket.onopen = function (event) {
                        console.log("通讯连接成功");
                    }
                    // 接收到消息的回调方法
                    socket.onmessage = function (event) {
                        console.log("通讯接收到消息");
                        im.handleMessage(event.data);
                    }
                    // 连接关闭的回调方法
                    socket.onclose = function () {
                        console.log("通讯关闭连接！!");
                    }
                }
            },
            handleMessage: function (msg) {
                alert("接收到的消息"+msg)
                //见鬼了，这里不能转化
               /* msg = JSON.parse(msg)
                alert("接收到的消息"+msg)*/
                //如果是群消息，转换一下id，返回群id的的字段必须是id
                if (msg.type == "group") {
                    var temId = msg.id;
                    msg.id = msg.toId;
                    msg.toId = temId;
                }

                msg1 = {
                    username: msg.name
                    ,avatar: msg.avatar
                    ,id: msg.id
                    ,type: msg.type
                    ,mine: false
                    ,content: msg.content
                    ,timestamp: new Date().getTime()
                }
                layim.getMessage(msg1);
            }
        };
        im.init();
//监听查看群员
        layim.on('members', function(data){
            console.log(data);
        });


        layim.chat({
            name: '在线客服-小苍'
            ,type: 'kefu'
            ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg'
            ,id: -1
        });
        layim.chat({
            name: '在线客服-心心'
            ,type: 'kefu'
            ,avatar: 'http://tva1.sinaimg.cn/crop.219.144.555.555.180/0068iARejw8esk724mra6j30rs0rstap.jpg'
            ,id: -2
        });
        layim.setChatMin();

        //监听发送消息
        layim.on('sendMessage', function(data){
            var To = data.to;
            console.log(data);
            //发送消息倒Socket服务
            socket.send(JSON.stringify({
              toId:data.to.id,
              type: data.to.type,
              content: data.mine.content
            }));

            //演示自动回复
            /*setTimeout(function(){
                var obj = {};
                if(To.type === 'group'){
                    obj = {
                        username: '群机器人'+(Math.random()*100|0)
                        ,avatar: layui.cache.dir + 'images/face/'+ (Math.random()*72|0) + '.gif'
                        ,id: To.id
                        ,type: To.type
                        ,content: autoReplay[Math.random()*9|0]
                    }
                } else {
                    obj = {
                        username: To.name
                        ,avatar: To.avatar
                        ,id: To.id
                        ,type: To.type
                        ,content: autoReplay[Math.random()*9|0]
                        ,timestamp: new Date().getTime()
                    }
                }
                layim.getMessage(obj);
            }, 1000);*/
        });

        //监听在线状态的切换事件
        layim.on('online', function(data){
            console.log(data);
        });



        //监听收到的聊天消息
        /*socket.on('chatMessage', function (res) {
          layim.getMessage({
            username: res.name
            ,avatar: res.avatar
            ,id: res.id
            ,type: res.type
            ,content: res.content
          });
        });*/

        //layim建立就绪
        /*  layim.on('ready', function(res){

            //添加好友（如果检测到该socket）
            layim.addList({
              type: 'group'
              ,avatar: "http://tva3.sinaimg.cn/crop.64.106.361.361.50/7181dbb3jw8evfbtem8edj20ci0dpq3a.jpg"
              ,groupname: 'Angular开发'
              ,id: "12333333"
              ,members: 0
            });
            layim.addList({
              type: 'friend'
              ,avatar: "http://tp2.sinaimg.cn/2386568184/180/40050524279/0"
              ,username: '冲田杏梨'
              ,groupid: 2
              ,id: "1233333312121212"
              ,remark: "本人冲田杏梨将结束AV女优的工作"
            });

            //接受消息（如果检测到该socket）
            setTimeout(function(){
              //不在好友列表，则为临时会话
              layim.getMessage({
                username: "Hi"
                ,avatar: "http://tva1.sinaimg.cn/crop.7.0.736.736.50/bd986d61jw8f5x8bqtp00j20ku0kgabx.jpg"
                ,id: "198909151014"
                ,type: "friend"
                ,content: "临时："+ new Date().getTime()
              });

              //在好友列表
              layim.getMessage({
                username: "贤心"
                ,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1"
                ,id: "100001"
                ,type: "friend"
                ,content: "嗨，你好！欢迎体验LayIM。演示标记："+ new Date().getTime()
                ,timestamp: new Date().getTime()
              });
            }, 1000);
          });

          //监听查看群员
          layim.on('members', function(data){
            console.log(data);
          });

          //监听聊天窗口的切换
          layim.on('chatChange', function(data){
            console.log(data);
          });*/



    });



